.users-details {
    .go-back-header {
        padding-top: 0;
    }

    .users-basic {
        .title {
            font-size: 18px;
            font-weight: bold;

            &>span {
                margin-right: 10px;
            }
        }

        .basic-content {
            display: grid;
            grid-template-columns: repeat(4, 25%);
            grid-row-gap: 20px;
            margin-top: 20px;

            &>div {
                font-size: 14px;
                display: flex;

                &>span:last-child {
                    margin-left: 10px;
                }
            }
        }
    }

    .divider-line {
        width: calc(100% + 64px);
        height: 16px;
        background: #F2F2F2;
        margin-left: -32px;
        margin-top: 20px;
    }

    .details-list {
        .list-content {
            .title {
                font-weight: bold;
                padding: 20px 0;
            }

            .pagination-box {
                display: flex;
                justify-content: center;
                padding-top: 20px;
            }
        }
    }
}

.dynamic-details-box {
    font-size: 14px;

    .nick-name,
    .likes,
    .comments {
        color: #7F7F7F;
    }

    .time {
        font-size: 12px;
        color: #AAAAAA;
        padding: 6px 0;
    }

    .content {
        padding: 6px 0;
    }

    .tags {
        padding: 6px 0;
        color: #FFD946;
    }

    .comments {
        padding: 6px 0;
    }

    .pictures {
        display: grid;
        grid-template-columns: repeat(2, 100px);
        justify-content: space-between;
        grid-row-gap: 12px;
    }

    .button-group {
        display: flex;
        justify-content: flex-end;
    }
}